<style>
    .vertical_el{
        height:150px;
        background: #ffffff;
        overflow: hidden;
    }

    .vertical_el a{
        display:block;
        width: 100%;
        height: 150px;
        position: relative;
    }

    .vertical_el a img{
        display:block;
        width: 100%;
        height: 150px;
    }

    .vertical_el a span{
        display: block;
        height:35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        font-size: 16px;
        position: absolute;
        left:0;
        bottom:0;
        right:0;
        color:#ffffff;
        padding:0 15px;
        }
</style>
<div class="vertical_el">
    {volist name='ad1' id='vo'}
        <a href="{$vo.url?$vo.url:'javascript:void(0)'}">
            <img src="{$vo.imgurl}" />
            <span>{$vo.title}</span>
        </a>
    {/volist}
    
</div>
<div class="vertical_el mt20">
    {volist name='ad2' id='vo'}
        <a href="{$vo.url?$vo.url:'javascript:void(0)'}">
            <img src="{$vo.imgurl}" />
            <span>{$vo.title}</span>
        </a>
    {/volist}
</div>